<!--
 * @Descripttion: 
 * @version: 
 * @Author: congsir
 * @Date: 2023-11-12 13:04:08
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2023-11-12 22:38:26
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0 user-scalable=1.0, maximum-scale=1.0 minimun-scale=1.0"
    />
    <title>考拉海购</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet/less" href="./css/reset.less" />
    <link rel="stylesheet/less" href="./css/home.less" />
    <link rel="stylesheet/less" href="./css/tabbar.less" />
    <link rel="stylesheet/less" href="./css/home_download.less" />
    <link rel="stylesheet/less" href="./css/common.less" />
    <link rel="stylesheet/less" href="./css/search.less" />
    <link rel="stylesheet/less" href="./css/nav.less" />
    <link rel="stylesheet/less" href="./css/home_subsidy.less" />
    <link rel="stylesheet/less" href="./css/home_category.less" />
    <link rel="stylesheet/less" href="./css/home_product.less" />
    <script src="./js/lessc.js"></script>
  </head>
  <body>
    <div class="tabbar">
      <div class="item">
        <img src="./img/tabbar_home_active.png" alt="" />
      </div>
      <div class="item">
        <img src="./img/tabbar_category.png" alt="" />
      </div>
      <div class="item">
        <img src="./img/tabbar_cart.png" alt="" />
      </div>
      <div class="item">
        <img src="./img/tabbar_profile.png" alt="" />
      </div>
    </div>
    <div class="home">
      <div class="download">
        <div class="left">
          <img src="./img/logo.png" alt="" class="logo" />
          <div class="info">
            <div class="title">【考拉海购】官方自营 正品保障</div>
            <div class="desc">下载APP新人可享125元购物礼包</div>
          </div>
        </div>
        <a class="right" href="#"> 打开APP </a>
      </div>
      <div class="search">
        <div class="left">
          <div class="search"></div>
          在千万海外商品中搜索
        </div>
        <div class="right">登录/注册</div>
      </div>
      <div class="nav">
        <div class="item">
          <img src="./img/png-1.png" alt="" />
        </div>
        <div class="item">
          <img src="./img/png-2.png" alt="" />
        </div>
        <div class="item">
          <img src="./img/png-3.png" alt="" />
        </div>
        <div class="item">
          <img src="./img/png-4.png" alt="" />
        </div>
        <div class="item">
          <img src="./img/png-5.png" alt="" />
        </div>
      </div>
      <div class="subsidy">
        <div class="header">
          <div class="left">
            <img src="./img/strong_subsidy.png" alt="" />
            <div class="time">
              <span class="item hour">07</span>
              <span class="split">:</span>
              <span class="item minute">51</span>
              <span class="split">:</span>
              <span class="item hour">55</span>
            </div>
          </div>
          <div class="right">大牌低价补贴</div>
        </div>
        <ul class="list">
          <li class="item">
            <img src="./img/subsidy_01.jpg" alt="" />
            <div class="info">
              <div class="new">
                硬核价
                <span class="unit">￥</span><span class="money">362</span>
              </div>
              <div class="old">￥999</div>
            </div>
          </li>
          <li class="item">
            <img src="./img/subsidy_01.jpg" alt="" />
            <div class="info">
              <div class="new">
                硬核价
                <span class="unit">￥</span><span class="money">362</span>
              </div>
              <div class="old">￥999</div>
            </div>
          </li>
          <li class="item">
            <img src="./img/subsidy_01.jpg" alt="" />
            <div class="info">
              <div class="new">
                硬核价
                <span class="unit">￥</span><span class="money">362</span>
              </div>
              <div class="old">￥999</div>
            </div>
          </li>
          <li class="item">
            <img src="./img/subsidy_01.jpg" alt="" />
            <div class="info">
              <div class="new">
                硬核价
                <span class="unit">￥</span><span class="money">362</span>
              </div>
              <div class="old">￥999</div>
            </div>
          </li>
        </ul>
      </div>
      <div class="category">
        <div class="item active">
          <div class="title">精选</div>
          <div class="subtitle">猜你喜欢</div>
        </div>
        <div class="item">
          <div class="title">精选</div>
          <div class="subtitle">猜你喜欢</div>
        </div>
        <div class="item">
          <div class="title">精选</div>
          <div class="subtitle">猜你喜欢</div>
        </div>
        <div class="item">
          <div class="title">精选</div>
          <div class="subtitle">猜你喜欢</div>
        </div>
        <div class="item">
          <div class="title">精选</div>
          <div class="subtitle">猜你喜欢</div>
        </div>
      </div>
      <div class="product">
        <div class="item">
          <div class="album">
            <img src="./img/product_01.jpg" alt="" />
          </div>
          <div class="info">
            <div class="company">索尼</div>
            <div class="desc">Sony索尼 PlayStation5主机PS5游戏机 日版</div>
            <div class="tags">
              <div class="tag ticket">下单立减300元</div>
              <div class="tag">包税</div>
            </div>
            <div class="price">优惠价￥4599</div>
          </div>
        </div>
        <div class="item">
          <div class="album">
            <img src="./img/product_01.jpg" alt="" />
          </div>
          <div class="info">
            <div class="company">索尼</div>
            <div class="desc">Sony索尼 PlayStation5主机PS5游戏机 日版</div>
            <div class="tags">
              <div class="tag ticket">立减200元</div>
              <div class="tag ticket">2件7.1折</div>
            </div>
            <div class="price">优惠价￥4599</div>
          </div>
        </div>
        <div class="item">
          <div class="album">
            <img src="./img/product_01.jpg" alt="" />
          </div>
          <div class="info">
            <div class="company">索尼</div>
            <div class="desc">Sony索尼 PlayStation5主机PS5游戏机 日版</div>
            <div class="tags">
              <div class="tag">下单立减300元</div>
              <div class="tag">包税</div>
            </div>
            <div class="price">优惠价￥4599</div>
          </div>
        </div>
        <div class="item">
          <div class="album">
            <img src="./img/product_01.jpg" alt="" />
          </div>
          <div class="info">
            <div class="company">索尼</div>
            <div class="desc">Sony索尼 PlayStation5主机PS5游戏机 日版</div>
            <div class="tags">
              <div class="tag">下单立减300元</div>
              <div class="tag">包税</div>
            </div>
            <div class="price">优惠价￥4599</div>
          </div>
        </div>
        <div class="item">
          <div class="album">
            <img src="./img/product_01.jpg" alt="" />
          </div>
          <div class="info">
            <div class="company">索尼</div>
            <div class="desc">Sony索尼 PlayStation5主机PS5游戏机 日版</div>
            <div class="tags">
              <div class="tag">下单立减300元</div>
              <div class="tag">包税</div>
            </div>
            <div class="price">优惠价￥4599</div>
          </div>
        </div>
        <div class="item">
          <div class="album">
            <img src="./img/product_01.jpg" alt="" />
          </div>
          <div class="info">
            <div class="company">索尼</div>
            <div class="desc">Sony索尼 PlayStation5主机PS5游戏机 日版</div>
            <div class="tags">
              <div class="tag">下单立减300元</div>
              <div class="tag">包税</div>
            </div>
            <div class="price">优惠价￥4599</div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
